@layout("/common/_container.html"){
<style>
    html{
        width:100%;
        overflow-x:hidden;
    }
    .patientBox{
        font-size: 14px;
        height: 100%;
        background: #F9F9F9;
    }
    .patientHeader{
        height: 3.5em;
        line-height: 3.5em;
        position: fixed;
        background: white;
        width: 100%;
        z-index: 1;
        border-bottom: 1px solid #E5E5E5;
        padding: 0 1em;
        display: flex;
    }
    .patientHeader > div {
        flex: 1;
        color: #00a6c9
    }
    .patientHeader > div:nth-child(2){
        color: black;
        text-align: center;
        font-size: 18px;
    }

    .patientSearch{
        padding-top: 3.7em;
    }
    .patientSearch > div{
        background: white;
        padding: 0.8em 1.3em;
    }
    .patientSearch > div > div{
        background: #f7f7f7;
        border-radius: 0.3em;
        padding-left: 0.8em;
        line-height: 2em;
        height: 2em;
    }
    .patientSearch input{
        width: 80%;
        border: none;
        outline: none;
        background: #f7f7f7;
        height: 1.7em;
        padding-left: 0.5em;
    }
    .patientContent{
        background: white;
        margin-top: 0.5em;
    }
    .patientContent > div{
        border-bottom: 1px solid #E5E5E5;
        padding: 0.5em 0;
    }
    .patientContent > div > div{
        line-height: 2em;
        padding-left: 1.5em;
        border-left: 2px solid #00a6c9;
        color: #00a6c9;
    }
</style>
<div class="patientBox">
    <!--头部-->
    <div class="patientHeader">
        <div onclick="lastOne()"><span class="glyphicon glyphicon-menu-left"></span></div>
        <div>患者</div>
        <div onclick="patientAdd()" style="text-align: right;">新建</div>
    </div>
    <!--搜索框-->
    <div class="patientSearch">
        <div>
            <div>
                <span class="glyphicon glyphicon-search"></span>
                <input type="text" placeholder="输入患者姓名、病历号、手机号">
            </div>
        </div>
    </div>
    <!--患者显示-->
    <div class="patientContent">
        <div><div>最近常用患者</div></div>
        <div>
            <div onclick="patientDetails()">这是患者</div>
        </div>
    </div>
</div>
<script>
    //返回主页
    function lastOne() {
        window.location.href = Feng.ctxPath + "/weixin/index";
    }
    //跳转到新建患者
    function patientAdd() {
        window.location.href = Feng.ctxPath + "/reservation/market_addPatient/" + "2";
    }
    //跳转到患者详情
    function patientDetails() {
        window.location.href = Feng.ctxPath + "/reservation/market_uploadImage";
    }
</script>
@}
